{{! -------------------------------------------------------------------------- }}
{{! Copyright 2002-2016, OpenNebula Project, OpenNebula Systems                }}
{{!                                                                            }}
{{! Licensed under the Apache License, Version 2.0 (the "License"); you may    }}
{{! not use this file except in compliance with the License. You may obtain    }}
{{! a copy of the License at                                                   }}
{{!                                                                            }}
{{! http://www.apache.org/licenses/LICENSE-2.0                                 }}
{{!                                                                            }}
{{! Unless required by applicable law or agreed to in writing, software        }}
{{! distributed under the License is distributed on an "AS IS" BASIS,          }}
{{! WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   }}
{{! See the License for the specific language governing permissions and        }}
{{! limitations under the License.                                             }}
{{! -------------------------------------------------------------------------- }}

<div>
  <fieldset class="large-font">
    <legend>
      <ul class="menu simple">
        <li>
          {{tr "Hosts"}} <span class=" total_hosts"></span> 
        </li>
        <li></li>
        <li><span>{{tr "ON"}}</span> <span class=" on_hosts success-color"></span></li>
        <li><span>{{tr "OFF"}}</span> <span class=" off_hosts"></span></li>
        <li><span>{{tr "ERROR"}}</span> <span class=" error_hosts alert-color"></span></li>
        <li></li>
        <li>
          <button class="button radius tiny show_hosts_tab"> <i class="fa fa-lg fa-list fa-fw"></i></button>
          <button class="button success radius tiny show_create_host"> <i class="fa fa-lg fa-plus fa-fw"></i></button>
        </li>
      </ul>
    </legend>
    <div class="row">
      <input style="display:none;" value="vm" id="acct_group_by"/>
      <div class="small-12 medium-3 columns">
        <div id="dashboard_host_allocated_cpu"></div>
      </div>
      <div class="small-12 medium-3 columns">
        <div id="dashboard_host_allocated_mem"></div>
      </div>
      <div class="small-12 medium-3 columns">
        <div id="dashboard_host_real_cpu"></div>
      </div>
      <div class="small-12 medium-3 columns">
        <div id="dashboard_host_real_mem"></div>
      </div>
    </div>
  </fieldset>
</div>
